<template>
  <div>
    <h3>请选择你喜欢的项目</h3>
   <span v-for='item in arr' :key=item><input type="checkbox" :value='item' v-model ='p'> {{item}}</span>
  <ul>
    <li v-for="item in p" :key='item'>{{item}}</li>
  </ul>
  </div>
</template>

<script>
export default {
data() {
  return{
   
 arr: ["科幻", "喜剧", "动漫", "冒险", "科技", "军事", "娱乐", "奇闻"],
 p:[]
  }
},
computed: {},
watch:{},
created() {},
methods:{}
}
</script>

<style>

</style>